import Vue from 'vue'
import Router from 'vue-router'
import '@/assets/css/reset.css'
import '@/assets/css/header.css'
//将Router引入到vue里面，Router是一个路由，表现方式就是当你点击一个界面的时候它可以跳转过去，而其他界面将会隐藏
Vue.use(Router)
import Shop from '@/views/shop'
import Item from '@/views/item'
import Cart from '@/views/cart'
import CheckOut from '@/views/checkout'
import Payment from '@/views/payment'
export default new Router({
  //mode是将Router这个路由的默认模式改变成history，其原因是history可以不用重新加载页面
  mode: 'history',
  //routes是一组路由，将所有的路由写在这个路由组中，需要用上面的router来进行管理，router通过你点击的这个命定来调取routes里面相应的界面
  routes: [
    {
      path: '/',
      name: 'Shop',
      component: Shop
    },
    {
      path: '/item',
      name: 'Item',
      component: Item
    },
    {
      path: '/cart',
      name: 'Cart',
      component: Cart
    },
    {
      path: '/checkout',
      name: 'CheckOut',
      component: CheckOut
    },
    {
      path: '/payment',
      name: 'Payment',
      component: Payment
    }
  ]
})

 